/*
 * @Author: Yejing
 * @Date: 2023-06-10 10:31:19
 * @LastEditors: Yejing
 * @LastEditTime: 2023-06-10 10:31:19
 * @Description: desc
 */
<template>
	<view class="">
		<c-navigation-bar backIconColor='#fff' :navType='search.navType' :navThmen='search.navThmen' :naverSearchActive='search.naverSearchActive' :backIconColor="search.backIconColor" title="秒杀">
		</c-navigation-bar>
		<view class="type-time">
			<u-tabs class="tabs-type-blue" :list="tabsType.list" :active-item-style='tabsType.activeItem' :show-bar='false'
				:is-scroll="true" :current="tabsType.current" @change="changeTabs">
			</u-tabs>
		</view>
		<view  class="product-list">
			<view v-for="(item,index) in productList" :key="index">
				<lineProductCard :card="item" type="money"></lineProductCard>
			</view>
		</view>
	</view>
</template>

<script>
	import lineProductCard from "@/pages/searchInfo/components/productCard.vue"
	export default {
		components: {
			lineProductCard
		},
		data() {
			return {
				//搜索
				search: {
					navThmen: 'line',
					navType: 'navBackTitle',
					naverSearchActive:"#ffffff",
					backIconColor:"#1B1D29"
				},
				tabsType: {
					list: [{
						name: '10:00 Start'
					}, {
						name: '12:00 Start'
					}, {
						name: '14:00 Start'
					}, {
						name: '16:00 Start'
					}],
					current: 0,
					activeItem: {
						'background': '#2934D0',
						'color': '#fff !important'
					},
				},
				productList: [{
					name: 'Roller Rabbit',
					info: 'vadio Olderf ddfdsf',
					money: '198',
					url: 'https://cdn.uviewui.com/uview/swiper/1.jpg'
				},
				{
					name: 'Roller Rabbit',
					info: 'vadio Olderf ddfdsf',
					money: '198',
					url: 'https://cdn.uviewui.com/uview/swiper/1.jpg'
				}],
			}
		},
		methods: {
			//切换
			changeTabs(index) {
				this.tabsType.current = index;
			},
		}
	}
</script>
<style lang="scss" scoped>
	.type-time {
		margin: 172rpx 0 0  40rpx;
	}
	.product-list {
		padding: 56rpx 40rpx;
	}
</style>